.header {
  position: relative;
  height: .75rem;
  line-height: .75rem;
  font-size: .34rem;
  background: linear-gradient(to right, #28b9f4, #1ec8e7);
  color: #fff;
  text-align: center;
}

.header .i_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: .75rem;
  background: url("../images/jiantou-left.png")no-repeat .34rem center;
  background-size: auto 50%;
}

.header_text {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 1px;
}

.header_text .i_select {
  display: inline-block;
  height: .34rem;
  width: .34rem;
  background: url("../images/down.jpg")no-repeat 0 .15rem;
  background-size: auto 50%;
  /* margin-top: .4rem; */
}

.clear {
  clear: both;
}

.content {
  margin-top: .7rem;
  box-sizing: border-box;
}

.content li {
  position: relative;
  height: .6rem;
  padding-bottom: .1rem;
  margin-bottom: .4rem;
  border-bottom: 1px #dfdede solid;
  font-size: .26rem;
  color: #333333;
  padding: 0 .34rem;
}

li span {
  line-height: .6rem;
}

.content .first {
  font-size: .3rem;
  border-bottom: none;
}

.p_rt {
  margin-right: .2rem;
}

.i_right {
  display: inline-block;
  height: .3rem;
  width: .35rem;
  background: url("../images/5a.png")no-repeat 0 .01rem;
  ;
  background-size: 80%;
  background-position: bottom right;
}

.i_switch {
  display: inline-block;
  height: .4rem;
  width: .45rem;
  background: url("../images/switch.png")no-repeat;
  background-size: auto 60%;
  background-position: bottom right;
}

.switch {
  font-size: .26rem;
  float: right;
}

.li_text {
  position: absolute;
  font-size: .26rem;
}

.num {
  position: absolute;
  left: 2.5rem;
}

.li_input input {
  border: none;
}

.li_input span {
  float: right;
  color: #28b9f3;
}

.verify {
  height: .62rem;
  width: 4.54rem;
  background: #1ec7e8;
  margin: .6rem auto;
  text-align: center;
  line-height: .62rem;
  border-radius: .31rem;
  color: #fff;
  font-size: .26rem;
}

.record {
  width: 100%;
}

.record_ul {
  background: yellow;
}

.record_ul>li {
  width: 100%;
  display: block;
}

.record p {
  font-size: .26rem;
  color: #333333;
  padding-left: .34rem;
  padding-bottom: .3rem;
  border-bottom: 1px #dfdede solid;
}

.record_list {
  font-size: .26rem;
  color: #333;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  padding-top: .3rem;
  margin-bottom: .3rem;
}

.record_li {
  font-size: .22rem;
  color: #333;
}

.record_list span:nth-of-type(1) {
  float: left;
  margin-left: .6rem;
}

.record_list span:nth-of-type(2) {
  float: left;
  margin-left: 1.8rem;
}

.record_list span:nth-of-type(3) {
  float: right;
  margin-right: .6rem;
}

.record__right {
  display: inline-block;
  height: .3rem;
  width: .35rem;
  background: url("../images/5a.png")no-repeat 0 .01rem;
  ;
  background-size: 80%;
  background-position: bottom center;
}

.record_li span:nth-of-type(1) {
  float: left;
  margin-left: .1rem;
}

.record_li span:nth-of-type(2) {
  float: left;
}

.record_li span:nth-of-type(3) {
  float: right;
  margin-right: .6rem;
}